<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      
    }
  },
  mounted(){


  },

  	methods:{


  	},
  	destroyed () {

  	}

}
</script>

<style>
  *{
    margin: 0 ;
    padding: 0;
  }
  li{
    list-style: none;
  }
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  min-height: 100vh;
}
/* 滚动槽（轨道）宽高 */
::-webkit-scrollbar {
    width: 12px; /*对垂直流动条有效*/
    height: 12px; /*对水平流动条有效*/
}
/* 滚动槽（轨道）样式 */
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 10px rgba(0,0,0,.3);
    background-color: rgba(22, 26, 34, .4);
}

/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 7px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #E8E8E8;
}

/*定义两端按钮的样式*/
::-webkit-scrollbar-button {
    height: 0px;
    width: 0px;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
    /* border-radius: 50%; */
    background:khaki;
}
::-webkit-scrollbar-thumb:window-inactive {
    background: #E8E8E8;
}
</style>
